<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../框架相关的js/jquery-3.6.0.min.js"></script>
</head>
<body>
      
     <header></header>
      <main></main>
      <footer></footer>
      <div id="div"></div>
    <script>
    //  jquery   load()无法加载本地文件，需要搭建一个本地服务器才能运行  
       (function(){
            $('header').load('./header.html')
            $('main').load('./main.html')
            $('footer').load('./footer.html')
       })()
    </script>
</body>
</html>